<template>
    <Form class="flowParams" label-position="right" :label-width="100" :model="flowParamsItem">
      <Timeline>
        <TimelineItem>
          <!-- 通用详情 -->
          <h3>问题详情</h3>
          <FormItem label="问题名称:">
            {{flowParamsItem.sendTitle}}
          </FormItem>
          <FormItem label="问题详情:">
            {{flowParamsItem.sendDetail}}
          </FormItem>
          <FormItem label="问题数据:">
            {{flowParamsItem.rwsj}}
          </FormItem>
          <FormItem label="下发人:">
            {{flowParamsItem.sendUserName}}
          </FormItem>
          <FormItem label="下发时间:">
            {{flowParamsItem.sendDate}}
          </FormItem>
        </TimelineItem>
        <TimelineItem v-if="flowParamsItem.importantFlag == '0'" :color="flowParamsItem.reformDate ? 'blue' : 'gray'">
          <!-- 普通任务处理 -->
            <h3>处理意见</h3>
            <FormItem label="处理意见:">
              {{flowParamsItem.reformMeasures}}
            </FormItem>
            <FormItem label="处理人:">
              {{flowParamsItem.reformUserName}}
            </FormItem>
            <FormItem label="处理时间:">
              {{flowParamsItem.reformDate}}
            </FormItem>
        </TimelineItem>
        <TimelineItem v-if="flowParamsItem.importantFlag == '1'" :color="flowParamsItem.imptReformDate ? 'blue' : 'gray'">
          <!-- 重要意见处理 -->
            <h3>处理意见</h3>
            <FormItem label="处理意见:">
              {{flowParamsItem.imptReformMeasures}}
            </FormItem>
            <FormItem label="处理人:">
              {{flowParamsItem.imptReformUserName}}
            </FormItem>
            <FormItem label="处理时间:">
              {{flowParamsItem.imptReformDate}}
            </FormItem>
        </TimelineItem>
        <TimelineItem v-if="flowParamsItem.importantFlag == '1'" :color="flowParamsItem.reviewDate ? 'blue' : 'gray'">
          <!-- 重要意见复核 -->
          <h3>复核意见</h3>
          <FormItem label="复核意见:">
            {{flowParamsItem.reviewSituation}}
          </FormItem>
          <FormItem label="复核人:">
            {{flowParamsItem.reviewUserName}}
          </FormItem>
          <FormItem label="复核时间:">
            {{flowParamsItem.reviewDate}}
          </FormItem>
        </TimelineItem>
        <TimelineItem :color="flowParamsItem.verifyDate ? 'blue' : 'gray'">
          <!-- 通用确认 -->
          <h3>确认意见</h3>
          <FormItem label="确认意见:">
            {{flowParamsItem.verifySituation}}
          </FormItem>
          <FormItem label="确认人:">
            {{flowParamsItem.verifyUserName}}
          </FormItem>
          <FormItem label="确认时间:">
            {{flowParamsItem.verifyDate}}
          </FormItem>
        </TimelineItem>
      </Timeline>
    </Form>
</template>
<script>
import { objTotext } from "../../../../static/js/tool.js";
export default {
  data() {
    return {
      flowParamsItem: {}
    };
  },
  props: {
    flowInfo: {
      type: Object
    }
  },
  watch: {
    flowInfo: {
      handler: function(newVal, oldVal) {
        this.flowParamsItem = newVal;
      }
    }
  },
  mounted() {},
  methods: {}
};
</script>

